.record {
    height: 100%;
    padding: 25px 0;
    box-sizing: border-box;
    &_tabs {
        overflow-x: auto;
        padding-bottom: 8px;
        &_item {
            margin-right: 20px;
            &_btn {
                height: 46px;
                min-width: 130px;
            }
        }
    }
    &_content {
        &_tabs {
            margin-top: 15px;
        }
        &_scroll {
            height: 410px;
            overflow-y: auto;
        }
        &_scroll-max {
            margin-top: 15px;
            height: 470px;
            overflow-y: auto;
        }
    }
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 5px;
    background-color: #070628;
}

:deep(.ant-btn-default) {
    background: #121c3b;
    color: #ffffff;
    border: 1px solid #121c3b;
    opacity: .9;
}
:deep(.ant-btn-default:not(:disabled):hover) {
    border: 1px solid #121c3b;
    color: #ffffff;
    opacity: 1;
}

@media only screen and (max-width: 1200px) {
    .record {
        padding: 12px 0;
        &_tabs {
            &_item {
                margin-right: 12px;
                &_btn {
                    height: 40px;
                    min-width: 90px;
                    padding: 4px 10px;
                }
            }
        }
         &_content {
            &_tabs {
                margin-top: 0;
            }
            &_scroll {
                height: calc(100vh - 300px);
                overflow-y: auto;
            }
             &_scroll-max {
                margin-top: 10px;
                height: calc(100vh - 250px);
                overflow-y: auto;
            }
        }
    }
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        height: 0;
        background-color: #070628;
    }
}